Full source code website bán hàng thương mại điện tử gần giống shopee
473.318 lượt xem;
1 /*
2 Stylesheet for Tigra Calendar v5.0
3 Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed)
4 URL: http://www.softcomplex.com/products/tigra_calendar/
5
6 - all image paths are relative to path of stylesheet
7 - the styles below can be moved into the document or in existing stylesheet
8
9 */
10
11 /* input box in default state */
12 .tcalInput {
13 background: url('../img/cal.gif') 100% 50% no-repeat;
14 padding-right: 20px;
15 cursor: pointer;
16 }
17
18 /* additional properties for input boxe in activated state, above still applies unless in conflict */
19 .tcalActive {
20 background-image: url('../img/no_cal.gif');
21 }
22 /* container of calendar's pop-up */
23 #tcal {
24 position: absolute;
25 visibility: hidden;
26 z-index: 100;
27 width: 170px;
28 background-color: white;
29 margin-top: 2px;
30 padding: 0 2px 2px 2px;
31 border: 1px solid silver;
32
33 -moz-box-shadow: 3px 3px 4px silver;
34 -webkit-box-shadow: 3px 3px 4px silver;
35 box-shadow: 3px 3px 4px silver;
36 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
37 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
38 }
39
40 /* table containing navigation and current month */
41 #tcalControls {
42 border-collapse: collapse;
43 border: 0;
44 width: 100%;
45 }
46 #tcalControls td {
47 border-collapse: collapse;
48 border: 0;
49 padding: 0;
50 width: 16px;
51 background-position: 50% 50%;
52 background-repeat: no-repeat;
53 cursor: pointer;
54 }
55 #tcalControls th {
56 border-collapse: collapse;
57 border: 0;
58 padding: 0;
59 line-height: 25px;
60 font-size: 10px;
61 text-align: center;
62 font-family: Tahoma, Geneva, sans-serif;
63 font-weight: bold;
64 white-space: nowrap;
65 }
66 #tcalPrevYear { background-image: url('../img/prev_year.gif'); }
67 #tcalPrevMonth { background-image: url('../img/prev_mon.gif'); }
68 #tcalNextMonth { background-image: url('../img/next_mon.gif'); }
69 #tcalNextYear { background-image: url('../img/next_year.gif'); }
70
71 /* table containing week days header and calendar grid */
72 #tcalGrid {
73 border-collapse: collapse;
74 border: 1px solid silver;
75 width: 100%;
76 }
77 #tcalGrid th {
78 border: 1px solid silver;
79 border-collapse: collapse;
80 padding: 3px 0;
81 text-align: center;
82 font-family: Tahoma, Geneva, sans-serif;
83 font-size: 10px;
84 background-color: gray;
85 color: white;
86 }
87 #tcalGrid td {
88 border: 0;
89 border-collapse: collapse;
90 padding: 2px 0;
91 text-align: center;
92 font-family: Tahoma, Geneva, sans-serif;
93 width: 14%;
94 font-size: 11px;
95 cursor: pointer;
96 }
97 #tcalGrid td.tcalOtherMonth { color: silver; }
98 #tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
99 #tcalGrid td.tcalToday { border: 1px solid red; }
100 #tcalGrid td.tcalSelected { background-color: #FFB3BE; }
2 Stylesheet for Tigra Calendar v5.0
3 Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed)
4 URL: http://www.softcomplex.com/products/tigra_calendar/
5
6 - all image paths are relative to path of stylesheet
7 - the styles below can be moved into the document or in existing stylesheet
8
9 */
10
11 /* input box in default state */
12 .tcalInput {
13 background: url('../img/cal.gif') 100% 50% no-repeat;
14 padding-right: 20px;
15 cursor: pointer;
16 }
17
18 /* additional properties for input boxe in activated state, above still applies unless in conflict */
19 .tcalActive {
20 background-image: url('../img/no_cal.gif');
21 }
22 /* container of calendar's pop-up */
23 #tcal {
24 position: absolute;
25 visibility: hidden;
26 z-index: 100;
27 width: 170px;
28 background-color: white;
29 margin-top: 2px;
30 padding: 0 2px 2px 2px;
31 border: 1px solid silver;
32
33 -moz-box-shadow: 3px 3px 4px silver;
34 -webkit-box-shadow: 3px 3px 4px silver;
35 box-shadow: 3px 3px 4px silver;
36 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
37 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
38 }
39
40 /* table containing navigation and current month */
41 #tcalControls {
42 border-collapse: collapse;
43 border: 0;
44 width: 100%;
45 }
46 #tcalControls td {
47 border-collapse: collapse;
48 border: 0;
49 padding: 0;
50 width: 16px;
51 background-position: 50% 50%;
52 background-repeat: no-repeat;
53 cursor: pointer;
54 }
55 #tcalControls th {
56 border-collapse: collapse;
57 border: 0;
58 padding: 0;
59 line-height: 25px;
60 font-size: 10px;
61 text-align: center;
62 font-family: Tahoma, Geneva, sans-serif;
63 font-weight: bold;
64 white-space: nowrap;
65 }
66 #tcalPrevYear { background-image: url('../img/prev_year.gif'); }
67 #tcalPrevMonth { background-image: url('../img/prev_mon.gif'); }
68 #tcalNextMonth { background-image: url('../img/next_mon.gif'); }
69 #tcalNextYear { background-image: url('../img/next_year.gif'); }
70
71 /* table containing week days header and calendar grid */
72 #tcalGrid {
73 border-collapse: collapse;
74 border: 1px solid silver;
75 width: 100%;
76 }
77 #tcalGrid th {
78 border: 1px solid silver;
79 border-collapse: collapse;
80 padding: 3px 0;
81 text-align: center;
82 font-family: Tahoma, Geneva, sans-serif;
83 font-size: 10px;
84 background-color: gray;
85 color: white;
86 }
87 #tcalGrid td {
88 border: 0;
89 border-collapse: collapse;
90 padding: 2px 0;
91 text-align: center;
92 font-family: Tahoma, Geneva, sans-serif;
93 width: 14%;
94 font-size: 11px;
95 cursor: pointer;
96 }
97 #tcalGrid td.tcalOtherMonth { color: silver; }
98 #tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
99 #tcalGrid td.tcalToday { border: 1px solid red; }
100 #tcalGrid td.tcalSelected { background-color: #FFB3BE; }